<template>
  <div class="contact-list">
    <ul>
      <li>
        <p>A</p>
        <ul>
          <li class="friend-item">
            <div class="block">
              <el-avatar
                shape="square"
                :size="30"
                :src="'../../assets/images/default-avatar.jpeg'"
              ></el-avatar>
              哎呦~ 不错哟
            </div>
          </li>
        </ul>
      </li>
    </ul>
  </div>
</template>

<script lang="ts">
import { Vue, Component } from 'vue-property-decorator'

@Component
export default class ContactList extends Vue {}
</script>

<style lang="scss" scoped>
.friend-item {
  height: 55px;
  line-height: 55px;
  background: pink;
}
.ehee {
  width: 100%;
}
</style>
